<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/templateLogin.xhtml">
	<h:head>
		<title>ERP-social</title>
		<link rel="icon" type="image/png"
			href="#{request.contextPath}/resources/img/favicon.png" />
		<link rel="stylesheet" type="text/css"
			href="#{request.contextPath}/resources/css/template.css" />
		<script type="text/javascript">
            <!--
            
            -->
        </script>
	</h:head>
	<h:form id="formLogin">
		<div class="center">
			<p:growl id="pnlMessagesG" />
		</div>
			<table width="100%" border="0" cellpadding="0" cellspacing="0"
			id="tableLogin1">
			
				<tr>
				<td width="100%" align="center">
					<table id="Login" cellspacing="0" cellpadding="0" border="0px"
						style="table-layout: fixed; border: solid 0px #80bce1;">
						
						 <tr style=" height : 590px;">
                                    <td 
								style="width: 502px;background-repeat:no-repeat;background-image:url(./../resources/img/loginL.jpg);">
							
								</td>
                                 <td valign="top"
								style="width: 502px;background-repeat:no-repeat;background-image:url(./../resources/img/loginR.jpg);">
								<table>
									<tr>
										<td style="width: 350px"></td>
										<td><h:commandLink
												style="display:inline-block;text-decoration:none;padding:0px 5px;white-space: nowrap;"
												onclick="window.open('http://200.124.231.106:8080/share/page/site-index')"
												title="Alfresco">
												<h:graphicImage value="/resources/img/logoalfresco.gif"
													alt="Alfresco" style="width: 50px;height: 20px;" />
												<f:ajax event="click" />
											</h:commandLink> <p:spacer></p:spacer> <p:spacer></p:spacer> <p:spacer></p:spacer>
											<h:commandLink
												style="display:inline-block;text-decoration:none;padding:0px 5px;white-space: nowrap;color:#2D3E92;font-weight: bold;"
												onclick="window.open('Ayuda.pdf')" title="Ayuda">
												<h:graphicImage value="/resources/img/headerIcon05.png"
													alt="Ayuda" style="width: 16px;height: 16px;" />
												<f:ajax event="click" />
											</h:commandLink></td>
									</tr>
								</table>
								<table cellspacing="0" cellpadding="0" border="0px"
									style="table-layout: fixed; padding: 5px 0px 0px 100px;">
									<tr style=" height : 300px;">
									
									</tr>
									<tr>
										<td 
											style="color: #990099; font: normal normal normal 12pt Arial; text-align: right; padding: 0px 5px 10px 0px;">
											<h:outputLabel id="lblUser" value="#{i18n['login.usuario']}"
												for="txtUser" /> <h:outputLabel
												value="#{i18n['label.signo.requerido']}"
												styleClass="item-required" />
										</td>
										<td style="padding: 0px 5px 10px 0px;"><p:inputText requiredMessage="Ingrese el Usuario."
												id="txtUser"
												value="#{loginDataManager.credencialesDTO.usuario}"
												required="true" label="#{i18n['login.usuario']}" /></td>
										<td></td>
									</tr>
									<tr>
										<td
											style="color: #990099; font: normal normal normal 12pt Arial; text-align: right; padding-right: 5px;"><h:outputLabel
												id="lblPass" value="#{i18n['login.clave']}" for="lblPass" />
											<h:outputLabel value="#{i18n['label.signo.requerido']}"
												styleClass="item-required" /></td>
										<td><p:password id="txtPass" requiredMessage="Ingrese su Clave."
												value="#{loginDataManager.credencialesDTO.password}"
												required="true" label="#{i18n['login.clave']}" /></td>
										<td><h:commandButton value="#{i18n['label.ingresar']}" 
												action="#{loginController.autenticarUsuario}" style="color:White;background-color:#80bce1;"/></td>
									</tr>
									<tr>
										<td colspan="4">
										<table>
										<tr>
										<td style="color: #949599; font: normal normal normal 7pt Arial; text-align: justify; padding: 0px 5px 10px 0px; width : 344px;">
										<h:graphicImage value="./../resources/img/headerIcon06.png" />
										<h:outputText  style="COLOR: #808080;" value="La utilización y el cuidado de la clave de acceso, es responsabilidad solo suya. La clave es personal e intransferible "/>
										</td>
										</tr>
										</table>
										</td>
										<td></td>
									</tr>
								</table>
								
								</td>
                                </tr>
					</table>
				</td>
			</tr>
			<tr>
			<td colspan="2" style="color: #990099; font: normal normal normal 7pt Arial; text-align: center; padding: 0px 5px 10px 0px;">
						 © 2014 Universidad Central del Ecuador. Todos los derechos Reservados. 
						</td>
			</tr>
		</table>
	</h:form>
</f:view>
